
.my-banner-wrapper{
    /* 方便调试 */
  /* background-color: red;  */
  box-sizing: border-box;
  height: 230px;
  width: 268px;
  margin-top: 235px;
  padding-top: 20px;
  
}

.my-banner{
  position: absolute;
  left: 0;
  top: 0;
  height: 250px;
  width: 100vw;
  background-color: aquamarine;
  mask-image: linear-gradient(to bottom,rgb(15, 4, 4) 50%,transparent);
  overflow: hidden;
}

.my-banner-img{
  height: 100%;
  width: 100%;
  background-color: black;
  object-fit: cover;  /** 图片自适应*/
}


.my-banner-title{
    position: absolute !important; 
    left: 50%;
    top: 100px; /*banner的高度是250px,为了居中我们设置未125px,最后调试100px好看*/
    transform: translate(-50%,-50%);
    color: rgb(87, 235, 151) !important;
  }

  @media(max-width: 600px){
    .my-banner-title{
        font-size: 16px !important;
    }
  }